ul {
    width: 100px;
    li {
        width: 50px;
        a {
            width: 25px;
            img {
                width: 12px;
            }
        }
    }
}

// 消空格
// div.box div .box
div {
    &.box{
        width: 100px;
    }
}

// p:hover
p{
    &:hover{
        background-color: red;
    }
}

div {
    .box1,.box2,.box3{
        background-color: red;
    }
}

// 群组嵌套2
.box1,.box2,.box3{
    p{
        background-color: blue;
    }
}

// 属性嵌套
div {
    background: {
        image: url("./demo.jpg");
        position: center center;
        repeat: no-repeat;
    }
}

// 属性嵌套2
div {
    border: 1px solid black{
        bottom: none;
    }
}
